<div class="blade-content ng-scope">

  <div class="blade-inner">

    <div class="inner-block">

      <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>

        <div class="blade-static __bottom" *ngIf="currentBlade.isNew">

          <button class="btn" type="submit" [disabled]="!formGroup.valid">创建</button>


        </div>


        <div class="form-group">
          <label class="form-label">父级菜单</label>

          <div class="form-input">
            <select name="parentId" formControlName="parentId">

              <option [value]="menu.menuId" *ngFor="let menu of menusItems">
                <span> {{menu.menuName}}</span>
              </option>
            </select>

          </div>


        </div>


        <div class="form-group">
          <label class="form-label">菜单名称</label>

          <div class="form-input">
            <input id="menuName" name="menuName" type="text" placeholder="输入菜单名称"
                   autocomplete="off" formControlName="menuName">

          </div>


          <div *ngIf="formErrors.menuName" class="form-error">
            {{ formErrors.menuName }}
          </div>


        </div>


        <div class="form-group">
          <label class="form-label">菜单子名称</label>

          <div class="form-input">
            <input id="menuSubName" name="menuSubName" type="text" placeholder="输入菜单子名称"
                   autocomplete="off" formControlName="menuSubName">

          </div>


          <div *ngIf="formErrors.menuSubName" class="form-error">
            {{ formErrors.menuSubName }}
          </div>


        </div>


        <div class="form-group">
          <label class="form-label">路由地址</label>

          <div class="form-input">
            <input id="menuPath" name="menuPath" type="text" placeholder="输入路由地址"
                   autocomplete="off" formControlName="menuPath">

          </div>


          <div *ngIf="formErrors.menuPath" class="form-error">
            {{ formErrors.menuPath }}
          </div>


        </div>


        <div class="form-group">
          <label class="form-label">输入排序</label>

          <div class="form-input">
            <input id="menuSeq" name="menuSeq" type="text" placeholder="输入排序"
                   autocomplete="off" formControlName="menuSeq">

          </div>


          <div *ngIf="formErrors.menuSeq" class="form-error">
            {{ formErrors.menuSeq }}
          </div>


        </div>


        <div class="form-group">
          <label class="form-label">图标</label>

          <div class="form-input">
            <input id="menuIcon" #menuIcon name="menuIcon" type="text" placeholder="输入图标"
                   autocomplete="off" formControlName="menuIcon">

            <!-- <app-font-icon-selector  #menuIconSelector [value]="currentEntity.menuIcon"></app-font-icon-selector> -->

          </div>


          <div *ngIf="formErrors.menuIcon" class="form-error">
            {{ formErrors.menuIcon }}
          </div>


          <div>
            <span class="material-icons md-64 md-light"> {{menuIcon.value}}</span>
          </div>


        </div>

      </form>

    </div>
  </div>
</div>
